<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>按钮1</button>
    <button>按钮2</button>
    <button>按钮3</button>

<script>
   var  btns=document.querySelectorAll('button');
//    btns  在是一个伪数组   for  
// console.log(btns);
//   btns.map(item=>{
//       console.log(item)
//   })

// var  newList=Array.from(btns);  // 把一个伪数组变成一个真正的数组
// console.log(newList)
// newList.map((item,index)=>{
//     // console.log(item,index)
//     // index==0?
// })




// filter() //过滤   过滤之后生成一个新数组    如果返回值为true 则把满足条件的数据放到新数组里面去

//进去多个   出来的符合条件  

let arr=[90,80,60,50,20,30,100];
// let  newArr=arr.filter((item,index)=>{
//     if(item>60) {
//         return true   
//     }
// })

// console.log(newArr)

let  newArr=arr.filter(item=>item>60);
console.log(newArr)





//    购物车案例   进去多个数据 只出来一个结果  这个结果可能是平均值也可能是求和  积分  
      
// arr.reduce(function(acc,cur,i){})
// let sum=0;
// for(var i=0;arr.length;i++) {
//     sum+=arr[i]
// }
// console.log(sum)

// arr.reduce((acc,cur,i)=>{
//     console.log(acc,cur)
// })

let arr1=[1,2,3,100]
// let getVal=arr1.reduce((acc,cur,i)=>{
//     // console.log(acc,cur)
//     alert('acc:'+acc)
//     alert("cur:"+cur)
//     return acc+cur;
// },0)

// console.log(getVal)


let result=arr1.reduce((sum,current)=>sum+current,0)

console.log(result)

//分析一   

// [1,2,3]   0    0+1     1+2   1+2+3







// let  arr4=[1,2,[3]];
// let newArr4=arr4.flat(2);
// console.log(newArr4);

// let  arr4=[1,2,[3,[4]]];
// let newArr4=arr4.flat(3);
// console.log(newArr4);



let  arr3=[1,2,[3,[4,[5,[6,7,[8,9,[10,[11]]]]]]]];   
//  如果是n  Infinity

// let arr4=[1,2,3,4,5,6];



//无限 大的深度递归
let newArr3=arr3.flat(Infinity)
console.log(newArr3);















</script>
</body>
</html>